<template>
  <div style="padding-left: 200px">
    <div class="box-text-1">
      <diV class="box-text-2">物资名称:</diV><div>
      <select style="width: 200px">
      <option value="值">选项内容</option>
      <option value="值">选项内容</option>
    </select></div>
    </div>
    <div  class="box-text-1">
      <div  class="box-text-2">生产厂家:</div><div><input style="width: 300px" type="text"></div>
    </div>
    <div class="box-text-1">
      <div  class="box-text-2">单价:</div><div><input type="text">  元</div>
    </div>
    <div class="box-text-1">
      <div class="box-text-2">库存数量:</div><div><input type="text">  台</div>
    </div>
    <div class="box-text-1">
      <div class="box-text-2">领用数量:</div><div><input type="text">  台</div>
    </div>
    <div class="box-text-1">
      <div class="box-text-2">部门名称：</div><div><select>
      <option value="值">选项内容</option>
      <option value="值">选项内容</option>
    </select></div>
    </div>
    <div class="box-text-1">
      <div class="box-text-2">负责人：</div><div><input type="text"></div>
    </div>
    <div class="box-text-1">
      <div class="box-text-2">合计金额：</div><div><input type="text"></div>
    </div>
    <div class="box-text-1">
      <div class="box-text-2">操作员：</div><div> <input type="text"></div>
    </div>
    <div style="width: 400px;text-align: center;margin-top: 20px">
      <el-button style="width: 70px;background: linear-gradient(paleturquoise,royalblue)" type="primary">保存</el-button>
      <el-button style="width: 70px;background: linear-gradient(paleturquoise,royalblue)" type="primary;" @click="empty">重置</el-button>
    </div>
  </div>
</template>

<script>
export default {
  name: "DepaCollection"
}
</script>

<style scoped>
.box-text-2{
  width: 130px;
  text-align: right;
}
.box-text-1 div{
  display: inline-block;
  margin-top: 20px;
}
input{
  margin-left: 80px;
}
select{
  margin-left: 80px;
}
textarea {
  margin-left: 80px;
}
</style>